{%include "topo_180plus.html"%}
{%load filtros%}
	<div id="principal">
		<div id="meio">
			<div id="conteudo">
				{%include "header.html"%}
				<div id="box_perfil">
					<div class="barra_inf">
						<p class="titulo">Perfil de {{usuario.nome}}</p>
						<div class="inf">
							<p>{{quantidadeAnuncios}} an&uacute;ncios | {{usuario.quantidadeAcesso}} visitas</p>
						</div>
					</div>
					<div id="box_perfil_esquerda">
						<div class="foto_perfil">
							<img src="{{MEDIA_URL}}{{usuario.foto}}"/>
						</div>
                        <p><!-- span class="icon reputacao_icon"></span><span class="icon reputacao_icon"></span><span class="icon reputacao_icon"></span><span class="icon reputacao_icon_false"></span><span class="icon reputacao_icon_false"></span></p> -->
						<div id="box_resumo">
							<!-- p><strong>Anuncios:</strong> 20 | <strong>Avalia&ccedil;oes:</strong> 300</p>
							<p>Avalia&ccedil;&otilde;es positivas: 222 - <em style="color:#08d645;">74%</em></p>
							<p>Avalia&ccedil;&otilde;es negativas: 78 -  <em style="color:#df0024;">26%</em></p> -->
							{%if request.user.is_authenticated%}
							{%if request.user.username == usuario.nome%}
							{%else%}
							<p style="border:0;"><a class="avalie" onclick="showDiv('form_avaliacao_plus')"> Avalie </a></p>
							{%endif%}
							{%endif%}
						</div>
					</div>
					<div id="box_perfil_direita">
						<div class="perfil_inf">
							<p><strong>Nome: </strong> {{usuario.nome}}</p>
							<p><strong>Telefone: </strong> {{usuario.telefone}}</p>
							<p><strong>Localiza&ccedil;&atilde;o: </strong> {{usuario.cidade}} - {{usuario.cidade.get_estado_display}}</p>
							<p><strong>Endere&ccedil;o: </strong> {{usuario.endereco}}</p>
							<p><strong>Usu&aacute;rio desde: </strong> {{usuario.dataCadastro}}</p>
							<p><strong>Sobre: </strong> A procura de sempre satisfazer o gosto e a vontade do comprador e sempre buscando melhorar!</p>
						</div>
						<form id="form_avaliacao_plus" style="display: none;" action="/avaliar/{{usuario.id}}" method = "get">
						{%csrf_token%}
						<input type="radio" value="1" name="avaliacao" id="id_avaliacao_0">1</input>
						<input type="radio" value="2" name="avaliacao" id="id_avaliacao_1">2</input>
						<input type="radio" value="3" name="avaliacao" id="id_avaliacao_2">3</input>
						<input type="radio" value="4" name="avaliacao" id="id_avaliacao_3">4</input>
						<input type="radio" value="5" name="avaliacao" id="id_avaliacao_4">5</input>
						<input type="submit" value="Enviar Avaliacao" name="enviar_avaliacao"></input>
						</form>
						<script>
							$(document).ready(function(){
							$(".form_avaliacao_plus").hide();
							$(".avalie").show();
							$('.avalie').click(function(){
							$(".form_avaliacao_plus").slideToggle();
						});
					});
				</script>
					</div>
				</div>
				<div id="box_direita">
					<div class="anuncios_lateral_perfil">
						<!--  <div class="box_titulo">
							<h4 class="titulo_anuncio">ultimos anunicos</h4>
							<form class="opc_busca">
								<select>
									<option>Todos</option>
									<optgroup label="Categorias">
										<option>Categorias</option>
										<option>Empregos</option>
										<option>Imoveis</option>
										<option>Negocios</option>
										<option>Veiculos</option>
									</optgroup>
									<optgroup label="Cidades">
										<option>Teresina</option>
										<option>Parnaiba</option>
									</optgroup>
								</select>
							</form>
						</div>-->
						<ul class="box_anuncios pag_perfil">
						{%for ultimo in ultimos%}
							<li class="linha b_anuncios">
								<a class="img_anuncio" href="/produto/{{ultimo.id}}"><img src="{{MEDIA_URL}}{{ultimo.thumbnail}}"/></a>
								<a class="nome_anuncio" href="#">{{ultimo.descricao}}</a>
								<span class="preco_anuncio">
									<em>R$ {{ultimo.preco|formata}}</em>
								</span>
							</li>
						{%endfor%}
						</ul>
					</div>
					<div class="ads_lateral">
					
					</div>
					<div class="anuncios_lateral_perfil blog_perfil">
						<div class="box_titulo">
							<h4 class="titulo_anuncio">Blog classi180</h4>
							<!-- <form class="opc_busca">
								<select>
									<option>ultimas noticias</option>
									<option>Mais lidas</option>
									<option>Mais comentadas</option>
									<option>Promocoes</option>
									<option>Enquetes</option>
									<option>Dicas</option>
									<option>Novidades no Classi180</option>
								</select>
							</form> -->
						</div>
						<ul class="box_anuncios pag_perfil">
						{%for noticia in noticias%}
							<li class="linha b_perfilblog">
								<span>+</span>
								<a class="nome_anuncio" href="#">{{noticia.titulo}}</a>
							</li>
						{%endfor%}
						</ul>
					</div>
				</div>
				<div id="box_anuncios_vendedor">
					<div class="box_titulo">
						<h4 class="titulo_anuncio">An&uacute;nicos do vendedor</h4>				
						<!-- <form class="opc_busca">
							<select>
								<option>Cidades</option>
								<option>Teresina</option>
								<option>Parnaiba</option>
							</select>
							<select>
								<option>Categorias</option>
								<option>Empregos</option>
								<option>Imoveis</option>
								<option>Negocios</option>
								<option>Veiculos</option>
							</select>
							<input type="text">
							<input type="button">
						</form>  -->
					</div>
					<ul class="box_anuncios">
						<li class="linha">
							<ul class="box_linha bl_perfil">
							{%for anuncio in anuncios%}
							{%if forloop.counter|divisibleby:"3"%}
								<li class="box  b_perfil last">
									<a href="/anuncio/{{anuncio.id}}">
										<span>
											<img src="{{MEDIA_URL}}{{anuncio.thumbnail}}"/>
										</span>
										<span class="nome_produto">
											{{anuncio.descricao}}
										</span>
										<span class="preco_produto">
											<em>R$ {{anuncio.preco|formata}}</em>
										</span>
									</a>
								</li>
								</ul>
							</li>
							<li class="linha">
								<ul class="box_linha bl_perfil">
							{%else%}
									<li class="box  b_perfil">
										<a href="/anuncio/{{anuncio.id}}">
											<span>
												<img src="{{MEDIA_URL}}{{anuncio.thumbnail}}"/>
											</span>
											<span class="nome_produto">
												{{anuncio.descricao}}
											</span>
											<span class="preco_produto">
												<em>R$ {{anuncio.preco|formata}}</em>
											</span>
										</a>
									</li>
									{%endif%}
								{%endfor%}
							</ul>
						</li>
				</div>
			</div>
		</div>	
		<div id="publicidade">
			<div class="publicidade_link">
				<a href="#" title="Publicidade 3" ><img src="{{MEDIA_URL}}imagens/pub4.png">Publicidade 3</a> 
			</div>
		</div>
	</div>
	{%include "rodape_regioes.html"%}
</body>
</html>